<html lang="en">
{% load static %}
<head>

    <meta charset="UTF-8">

    <title>HTML5/CSS3 3D文字特效DEMO演示</title>

    <link REL="stylesheet" HREF="{% static "css/font3d.css" %}"/>

</head>

<body>

<div style="perspective: 1000px;">
    <h5 data-shadow="CSS 3D Lettering">
        CSS 3D <b>Lettering</b>
    </h5>
</div>

<div class="row">
    <div class="col-sm">
        <button id="clear-btn" type="button" class="btn btn-outline-danger border-0 btn-sm shadow-lg"
                onclick="clear_log()">
            <i class="bi bi-trash"></i> Clear
        </button>
    </div>
    <div class="col-sm">
        <div style="perspective: 1000px;perspective-origin: 50% -200px;">
            <h5 data-shadow="CSS 3D Lettering">
                CSS 3D <b>Lettering</b>
            </h5>
        </div>
    </div>
</div>

</body>
</html>